.box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    border: solid 1px transparent;
}
.horseRun {
    background-image: linear-gradient(90deg,#16C8FF,#2FA1F8),
    linear-gradient(0deg,#16C8FF,#2FA1F8),
    linear-gradient(-90deg,#16C8FF,#2FA1F8),
    linear-gradient(0deg,#16C8FF,#2FA1F8) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-size: 100px 4px, 4px 100px, 100px 4px, 4px 100px !important;
    animation: moveLine 8s infinite linear !important;
    background-clip: content-box !important;
    z-index: 10000000000;
}

@keyframes moveLine {
    0% {
        background-position: -100px 0px, calc(100% - 0px) -100px, calc(100% + 100px) calc(100% - 0px), 0px 0px;
    }

    12% {
        background-position: 0px 0px, calc(100% - 0px) -100px, calc(100% + 100px) calc(100% - 0px), 0px -100px;
    }

    34% {
        background-position: 100% 0px, calc(100% - 0px) -100px, calc(100% + 100px) calc(100% - 0px), 0px -100px;
    }

    46% {
        background-position: calc(100% + 100px) 0px, calc(100% - 0px) -60px, calc(100% + 100px) -100px, 0px -100px;
    }

    58% {
        background-position: calc(100% + 100px) 0px, calc(100% - 0px) 100%, calc(100% + 100px) calc(100% - 0px), -100px -100px;
    }

    70% {
        background-position: calc(100% + 100px) 0px, calc(100% - 0px) calc(100% + 100px), 100% calc(100% - 0px), -100px calc(100% + 100px);
    }

    82% {
        background-position: calc(100% + 100px) 0px, calc(100% - 0px) calc(100% + 100px), 0px calc(100% - 0px), 0px calc(100% + 100px);
    }

    94% {
        background-position: calc(100% + 40px) -40px, calc(100% - 0px) calc(100% + 100px), -60px calc(100% - 0px), 0px 100%;
    }

    100% {
        background-position: calc(100% + 100px) 0px, calc(100% - 0px) calc(100% + 100px), -100px calc(100% - 0px), 0px 0px;
    }
}